<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="../css/pulic.css">
    <link rel="stylesheet" href="../css/details.css">
</head>
<body>
    <div class="header">
        <div class="box">
          <a href="./index.html">首页</a>
          <a href="shopping.html">商城</a>
          <a href="./cart.html">我的订单</a>
          <a>关于我们</a>
        </div>
      </div>
      <div class="nav">
          <a href= ><img src="../images/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt=""></a>
          <span class="mulu">目录</span>
          <div class="box">
            <input type="text">
            <button></button>
            <ul>
              <li>1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
              <li>7</li>
              <li>8</li>
              <li>9</li>
              <li>10</li>
            </ul>
          </div>
          <p>消息</p>
          <p>收藏</p>
          <p class="cart">购物车</p>
          <p>下载APP</p>
          <span class="denglu">登录</span> 
          <div class="on">
            <span>您好</span> <span class="username">你的孤独</span>
            <button class="logout">注销登录</button>
          </div>
          <div class="off">
            <span>您好</span> <a href="./login.html">请登录</a>
          </div>
          <div class="list2">
              <div class="left">
                  <p class="title">主题市场</p>
                  <ul>
                      <Li>上衣</Li>
                      <Li>裙装</Li>
                      <Li>裤子</Li>
                      <Li>女鞋</Li>
                      <Li>美妆</Li>
                      <Li>包包</Li>
                      <Li>配饰</Li>
                      <Li>男友</Li>
                      <Li>内衣</Li>
                      <Li>母婴</Li>
                      <Li>家居</Li>
                      <Li>食品</Li>
                  </ul>
              </div>
              <div class="center">
                  <div class="title"> 
                    <p>热门品牌</p>
                    <span>全部品牌 ></span>
                  </div>
                  <ul>
                      <li>PRADA</li>
                      <li>SICLCILY 西西里</li>
                      <li>CHANEL</li>
                      <li>DREAM TREND</li>
                      <li>夏梵尼</li>
                      <li>御泥坊</li>
                      <li>衣阁香拉</li>
                      <li>美康粉黛</li>
                      <li>New balance</li>
                  </ul> 
              </div>
              <div class="right">
                <div class="title"> 
                    <p>流行话题</p>
                    <span>全部话题 ></span>
                </div>
                <ul>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                    <li>#小长假倒计时，明天上班穿这套！#</li>
                   
                </ul>
              </div>
          </div>
      </div>
      <div class="container cont" >
        <div class="left" id="box">
            <div class="show" >  
                <img src="" alt="">
               <div class="mask"></div>     
            </div>
            <div class="enlarge" style="background-image: url();background-size: 800px 800px; ">
                <img src="" alt="">
            </div>
        </div>
        <div class="right">
          <p class="title">沙发上的好机会发过火塑料袋发送购房款申达股份看帅哥发股份USA高富帅鬼斧神工赋输液费属于反顾有三个US复古是</p>
          <p class="price">
            ￥ 100.00
          </p>
          <p class="number">
            <button>-</button>
            <input type="text" value="1">
            <button>+</button>
          </p>
          <p>
            <button>加入购物车</button>
          </p>
        </div>
      </div>
    
      <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
      <script src="../js/utils.js"></script>
      <script src="../js/detail.js"></script>
      <!-- <script src="../js/a.js"></script> -->
      
</body>
</html>